
<template>
  <view class="more-functions">

    <view v-if="role === '辅导员'">
        <view class="container">
		  
		    <navigator url="../school/Submit_record" >
		    <button class = "card-btn" >
			    <img src="../../static/04.png"  style="width: 38px ; height: 38px;" alt="图片描述">上报记录
		    </button>
		    </navigator>
		  	  	  
			<navigator url="../counselor/role_switch">
			<button class = "card-btn" >
			  	<img src="../../static/05.png"  style="width: 38px ; height: 38px;" alt="图片描述">角色切换		  
			</button>
			</navigator>
	  		
			<navigator url="../counselor/EFR_registration">
			<button class = "card-btn" >
			  	<img src="../../static/06.png"  style="width: 38px ; height: 38px;" alt="图片描述">学生免上报登记
			</button>
			</navigator>
          </view>
       </view>

    <view v-if="role === ''">

      <navigator url="../counselor/role_switch">
        <button class = "card-btn" >
          <img src="../../static/05.png"  style="width: 38px ; height: 38px;" alt="图片描述">角色切换
        </button>
      </navigator>

    </view>
    <view v-if="role === '学院'">
      <navigator url="/pages/school/test">
        <button class = "card-btn" >
          <img src="../../static/Report-record.png"  style="width: 38px ; height: 38px;" alt="图片描述">辅导员确认记录
        </button>
      </navigator>

      <navigator url="/pages/school/test">
        <button class = "card-btn" >
          <img src="../../static/college-record.png"  style="width: 38px ; height: 38px;" alt="图片描述">学院确认记录
        </button>
      </navigator>

      <navigator url="../counselor/role_switch">
        <button class = "card-btn" >
          <img src="../../static/05.png"  style="width: 38px ; height: 38px;" alt="图片描述">角色切换
        </button>
      </navigator>

      <navigator url="/pages/school/test">
        <button class = "card-btn" >
          <img src="../../static/student-record.png"  style="width: 38px ; height: 38px;" alt="图片描述">学生免确认登记
        </button>
      </navigator>
    </view>

    <view v-if="role === '学校'">

      <navigator url="/pages/school/confirm_record">
        <button class = "card-btn" >
          <img src="../../static/college-record.png"  style="width: 38px ; height: 38px;" alt="图片描述">学院确认记录
        </button>
      </navigator>

      <navigator url="/pages/school/SchoolReport">
        <button class = "card-btn" >
          <img src="../../static/school-record.png"  style="width: 38px ; height: 38px;" alt="图片描述">学校上报记录
        </button>
      </navigator>

      <navigator url="../counselor/role_switch">
        <button class = "card-btn" >
          <img src="../../static/05.png"  style="width: 38px ; height: 38px;" alt="图片描述">角色切换
        </button>
      </navigator>

      <navigator url="/pages/school/NoReporting">
        <button class = "card-btn" >
          <img src="../../static/student-record.png"  style="width: 38px ; height: 38px;" alt="图片描述">学生免确认登记
        </button>
      </navigator>

    </view>
  </view>
</template>

<script setup>
import { ref, onMounted } from 'vue';

const role = ref();

//点击跳转
let goto = function (url) {
  uni.navigateTo({
    url:url
  })
}
// 在页面加载时获取角色信息
onMounted(() => {
  role.value = uni.getStorageSync('userRole');
});

</script>

<style scoped>
.more-functions {
   position: absolute;
  

   background: #F3F5F9;
   width: 100vw;
   height: 100vh;
}

.card-btn{
	display: flex;
	margin: auto;
	margin-top: 12px;

	
	width: 351px;
	height: 80px;
	background: #FFFFFF;
	
    align-items: center;
	text-indent: 12px;
	
}


</style>
